<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title>test one line float left and right in IE6</title>
<style type="text/css">
ul.ulNav { 
	border:0 none;
	margin:0;
	padding:0;
	display:inline;
	width:100%;
}
#nav {
	overflow:hidden; min-width: 980px; margin-top:50px;
}
.page_margins { text-align:left; margin: 0 auto; }
.page_margins { max-width: 80em; }
.page { margin: 0 20px; }
.logo { float:left; }
.shortcuts { float:right; }
.shortcuts ul li {
	display:block;
	float:left;
	position:relative;
    text-align:center;
	margin-left:30px;
	cursor:pointer;
}
.shortcuts ul li span.msgShort {
	font-size:11px;
    position: absolute;
    right:-5px;
    top:-5px;
	height:16px;
	line-height:16px;
	border-radius: 2px 2px 2px 2px;
	padding:0 5px;
	background-color:red;
	color:#ffffff;
}
.shortcuts ul li a {
    border:1px solid #D5D5D5;
    border-radius:2px 2px 2px 2px;
    box-shadow:0 2px 1px #FFFFFF;
    color:#595858;
    display:block;
	float:left;
	height:56px;
    font-size:12px;
	text-decoration:none;
}
.shortcuts ul li a span {
	display:block;
	padding:34px 10px 0;
}
#iMes {
	background:url("images/icons/middlenav/dialog.png") no-repeat scroll 50% 8px transparent;
}
#iStat {
	background:url("images/icons/middlenav/graph.png") no-repeat scroll 50% 8px transparent;
}
#iUser {
	background:url("images/icons/middlenav/users.png") no-repeat scroll 50% 8px transparent;
}
#iOrders {
	background:url("images/icons/middlenav/money.png") no-repeat scroll 50% 8px transparent;
}
</style>
</head>
<body>
	<div id="nav">
		<div class="page_margins">
			<div class="page">
				<div class="logo">
					<img id="logo" src="images/loginLogo.png" />
				</div>
				<div class="shortcuts">
					<ul class="ulNav">
						<li>
							<a id="iMes" href="#">
								<span>我的对话</span>
								<span class="msgShort">12</span>
							</a>
						</li>
						<li><a id="iStat" href="#"><span>我的统计</span></a></li>
						<li><a id="iUser" href="#"><span>用户列表</span></a></li>
						<li><a id="iOrders" href="#"><span>我的余额</span></a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
</body>
</html>